"use client";

import { Quote } from "lucide-react";

interface DailyQuoteProps {
  quote: string;
}

export function DailyQuote({ quote }: DailyQuoteProps) {
  return (
    <div className="bg-gradient-to-r from-primary/5 to-primary/10 rounded-xl p-8 text-center relative overflow-hidden">
      <div className="absolute inset-0 bg-[url('/grid.svg')] bg-center opacity-10" />
      <div className="relative">
        <div className="flex justify-center mb-4">
          <Quote className="w-8 h-8 text-primary" />
        </div>
        <blockquote className="text-xl italic">{quote}</blockquote>
      </div>
    </div>
  );
} 